@charset "utf-8";
footer{
	width: 100%;
	height: 500px;
	background: #fafafa;
}
div.footer_container{
	width: 1400px;
	height: 520px;
	margin: 0 auto;
	/* 横线 */
	backg round: #55aaff;
	border-top: 1px solid #424242;
}
/* 每一栏格式 */
div.footer_container div.column{
	width: 130px;
	bo rder: 1px solid #ffaa7f;
	float: left;
	/* 间隙：上外边距 */
	margin-top: 40px;
	/* 间隙：右外边距 */
	margin-right: 55px;
}
div.footer_container div.column h3{
	margin-bottom: 20px;
	color: #424242;
}
/* 每个栏目 ul li 加 下外边距 */
div.footer_container div.column ul li{
	margin-bottom: 20px;
}
div.footer_container div.column ul li a{
	font-size: 14px;
}
/* 右侧区域：客服信息栏  坑:样式具备继承性，不存在覆盖情况：加权
                       加权效果无法实现：样式滞后【属性覆盖】
*/
div.footer_container div.contact_column{
	border-left: 1px solid #424242;
	float: left;
	width:200px;
	text-align: center;
	position: relative;
	left: 20px;
} 
/* 右侧区域：标题、文本内容、超链接效果 */
div.footer_container div.contact_column h3{
	bord er: 1px solid red;
	font-size: 18px;
	color: #ffaa7f;
}
div.footer_container div.contact_column p{
	font-size: 14px;
}
div.footer_container div.contact_column a{
	font-size: 14px;
	color: #ff5500;
	border: 1px solid #ff6700;
	/* 内边距撑大：上下 左右 */
	padding: 4px 14px;
	/* 下移 */
	position: relative;
	top: 20px;
}
footer div#bj{
	width: 100%;
	height: 320px;
	background: #ffffff;
}
footer div#bj #shang{
	width: 1400px;
	height: 80px;
	backg round: #ffff7f;
	margin: auto;
}
footer div#bj #shang dl{
	width: 200px;
	float: left;
	position: relative;
	bottom: -30px;
}
footer div#bj #shang dl dd a{
	font-size: 20px;
	border-right: 1px solid #424242;
	padding: 0 10px;
}
footer div#bj #shang dl dd a:hover{
	color: #ff771c;
}
footer div#bj #xia{
	width: 1400px;
	height: 240px;
	back ground: #aaff00;
	margin: auto;
}

footer div#xiaomi{
	width: 1400px;
	height: 180px;
	margin: 0 auto;
	bac kground: black;
}
footer div#xiaomi div#zuo{
	width: 1020px;
	height: 180px;
	backgr ound: #aaaaff;
	float: left;
}
footer div#xiaomi div#you{
	width: 380px;
	height: 180px;
	backgr ound: #ffaaff;
	float: right;
}
footer div#xiaomi div#zuo div.logo{
	width: 57px;
	height: 57px;
	float: left;
	position: relative;
	bottom: -36px;
}
footer div#xiaomi div#zuo div.zi{
	width: 1020px;
    height: 100px;
	position: relative;
	bottom: -36px;
}
footer div#xiaomi div#zuo div.zi ul li a{
	float: left;
	font-size: 16px;
	border-right: 1px solid #8a8a8a;
	padding: 0 4px;
}
footer div#xiaomi div#zuo div.zi ul li a:hover{
	color: #ff771c;
}
footer div#xiaomi div#zuo div.zuihouzi{
	width: 600px;
	height: 80px;
	bac kground: #ffaaff;
	margin-left: 200px;
}
footer div#xiaomi div#zuo div.zuihouzi img{
	padding-left: 350px;
}


footer div#xiaomi div#you div.tuzi{
	width: 380px;
	height: 100px;
	backg round: #55ff7f;
}
footer div#xiaomi div#you div.tuzi dl dd{
	padding: 37px 11px;
	float: left;
}
footer div#bj div#xia div.footer_container div.column ul li a:hover{
	color: #ff771c;
}